/**
 * Created by huotaol on 2017/5/24.
 */
import React, {Component} from "react";
import PropTypes from "prop-types";
import {Text, TouchableOpacity} from "react-native";
import CustomStyle from "../../common/style/CustomStyle";

export default class LoadMoreView extends Component {
    static propTypes = {
        click: PropTypes.func,
    };

    render() {
        return (
            <TouchableOpacity
                onPress={() => {
                    this.props.click();
                }}
                style={{backgroundColor: '#f6f6f6', height: CustomStyle.getActualSizeInVertical(88)}}>
                <Text style={{
                    backgroundColor: 'rgba(0,0,0,0)',
                    width: CustomStyle.getActualSizeInHorizontal(750),
                    textAlign: 'center',
                    top: CustomStyle.getActualSizeInVertical(20),
                    color: '#ddd',
                    fontSize: CustomStyle.getActualFontSize(32)
                }}>点击加载更多.</Text>
            </TouchableOpacity>
        );
    }
}